<template>
  <div class="us">
    <div class="title">{{ richTitle }}</div>
    <div class="rich-content" v-html="richContent"></div>
  </div>
</template>

<script>
export default {
  name: "AboutUsContent",
  components: {
  },
  data: function() {
    return {
      richContent: ''
    };
  },
  created: function() {
  },
  computed: {
    richTitle() {
      switch(this.$route.query.type) {
        case 'us': 
          document.title='关于我们'; 
          this.richContent='<ul><li>桂系上品的使命</li><li>桂系上品的工作</li><li>桂系上品三原则</li></ul><img src="http://zs.lylmjk.com/uploads/attach/2020/07/08/ac75a284fcfebe08ff25729501f93f6f.jpg" alt=""><h2>振兴大事记</h2><h2>振兴对用户的价值</h2><h2>振兴企业文化</h2>';  
          return '关于我们';
        case 'service': 
          document.title='用户服务协议';
          this.richContent='<p>我是用户服务协议内容我是用户服务协议内容我是用户服务协议内容我是用户服务协议内容我是用户服务协议内容我是用户服务协议内容我是用户服务协议内容我是用户服务协议内容我是用户服务协议内容</p>'
          return '《用户服务协议》';
        case 'privacy': 
          document.title='隐私政策'; 
          this.richContent = '我是隐私政策内容我是隐私政策内容我是隐私政策内容我是隐私政策内容我是隐私政策内容我是隐私政策内容我是隐私政策内容我是隐私政策内容我是隐私政策内容我是隐私政策内容我是隐私政策内容';
          return '《隐私政策》';
        case 'activity': 
          document.title='活动规则'; 
          this.richContent = `<ul>
        <li style="margin-top: .3rem;"><p>1、可参与1元购活动用户：从未在必要下过单的用户。且参加1元购的活动后，用户无法再参加任何新人活动，如50元新人特权金会作废。</p></li>
        <li style="margin-top: .3rem;"><p>2、用户购买1元购专区商品，商品需原价支付（不能享受任何优惠），支付成功后系统自动返立减金包，立减金包由多张立减金组成。</p></li>
        <li style="margin-top: .3rem;">
          <p>3、1元购立减金包使用规则</p>
          <ol>
            <li style="text-indent: 1em; margin-top: .02rem;">1）每张立减金使用次序由系统规定；</li>
            <li style="text-indent: 1em; margin-top: .02rem;">2）1元购第一张立减金在您1元购订单完结后可使用，届时会有系统提示，请您提前打开系统通知。*1元购订单完结*指，无任何售后问题的情况下（如退款换货），1元购订单在确认收货后8天可进入订单完结状态。若遇到换货等售后问题，则在售后完结的48小时后1元购订单将进入完结状态。</li>
            <li style="text-indent: 1em; margin-top: .02rem;">3）1元购第N+1 张立减金在您第N 张立减金使用后即可开始使用。</li>
          </ol>
        </li>
        <li style="margin-top: .3rem;">
          <p>4、若1元购订单发生退款，则回收1元购下发的所有还未使用的立减金。</p>
        </li>
        <li style="margin-top: .3rem;"><p>5、1元购第一张立减金有效期2天，其余1元购下发的立减金有效期为7天。且第N张立减金过期，则第N+1张立减金自动激活。</p></li>
      </ul>`;
          return '《一元购活动规则》';
      }
    }
  },
  methods: {
  }
};
</script>

<style scoped>
.us {
  padding: 3% 3% 8%;
}
.title {
  text-align: center;
  font-size: .32rem;
  font-weight: bold;
  padding: 5% 3%;
}
/deep/.rich-content img{
  width: 100%;
}
.rich-content { 
  line-height: 1.6;
  background-color: #fff;
  border-radius: 6px;
  padding: 3% 2%;
}
</style>

